<template>
  <!-- 我的收藏 -->
  <div>
    <div class="title">我的收藏</div>
    <div class="article" v-for="(item, index) in this.$store.state.data" :key="index">
      <div class="discussion_sponsor">
        <div class="content">
          <!-- <span>{{ item.ds_content.title }}</span> -->
          <p>{{ item.ds_content.text }}</p>
          <div class="ds_img">
            <div style="display: flex;">
              <div class="" v-for="(img, index) in item.ds_content.img" :key="index">
                <img :src=img.url alt="">
              </div>
            </div>
            <div style="display: flex;">
              <div class="operation">
                <span>
                  <svg t="1718950529587" class="icon" viewBox="0 0 1161 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="3150" width="200" height="200">
                    <path
                      d="M1061.385 586.959118L580.785226 1022.548037v1.451963-1.451963l-1.451963 1.451963v-2.903926l-480.599775-435.588919c-133.580602-135.032565-133.580602-351.375061 0-484.955664 130.676676-132.128639 345.567209-133.580602 479.147811-2.903926l2.903927 2.903926c130.676676-133.580602 345.567209-133.580602 477.695848-2.903926l2.903926 2.903926c132.128639 135.032565 132.128639 351.375061 0 486.407627z"
                      fill="#bfbfbf" p-id="3151" data-spm-anchor-id="a313x.search_index.0.i2.36a13a81Fjvptv"
                      class="selected"></path>
                    <path
                      d="M348.471135 171.697681h-7.259815c-95.829562 0-174.235568 78.406005-174.235568 174.235568v7.259815c0 15.971594-13.067668 29.039261-29.039261 29.039262s-29.039261-13.067668-29.039261-29.039262v-2.903926-4.355889c0-127.77275 104.541341-232.31409 232.31409-232.31409h7.259815c15.971594 0 29.039261 13.067668 29.039262 29.039261s-13.067668 29.039261-29.039262 29.039261z"
                      fill="#e6e6e6" p-id="3152" data-spm-anchor-id="a313x.search_index.0.i3.36a13a81Fjvptv" class="">
                    </path>
                  </svg>
                  11
                </span>
              </div>
              <div class="ds_date">{{ item.ds_date }}</div>
            </div>
          </div>
        </div>



      </div>


    </div>
  </div>
</template>

<script>
import '@/assets/css/index.css'
import '@/assets/css/section.less'
export default {
  data() {
    return {
      data: [{ id: 1 }],
      emptyurl: require('@/assets/icons/empty.png'),
    }
  }
}
</script>

<style lang="less" scoped>

</style>